// OVERIDDEN //

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent;
}

.nav-tabs {
  // padding-left: 8px;
  border-bottom: none;

  > li {
    > a {
      margin-right: 8px;
      padding: 6px 12px;
      background-color: $gray-lighter;
      border: none;
      color: $gray-light;
      border-radius: $border-radius-base $border-radius-base $border-radius-base $border-radius-base;
    }
  }

  > li.active {
    > a, a:hover {
      color: #fff;
      border: none;
      background-color: $green-light;

      &:before {
        content: "";
        border-left: 6px dashed transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid $green-light;
        position: absolute;
        left: 50%;
        margin-left: -6px;
        bottom: -6px;
      }
    }

    // > a:before {

    // }
  }
}

// nav tab's caret
// .nav-tabs > .active > a:before {

// }

.tab-pane {
  margin: 20px 0;
}


// CUSTOMS //

.nav.nav-list {
  margin-bottom: 30px;

  li {
    margin-left: -12px;

    a {
      padding: 6px 12px;

      &:hover {
        background-color: transparent;
      }
    }
  }
  li.nav-header {
    padding: 8px 12px;
  }
  li.nav-menu {
    margin-top: 10px;
  }
}